<template>
    <div class="type-box">
        <van-nav-bar title="分类"></van-nav-bar>
        <van-tabs class="type-tabs" v-model="active">
            <around-tab/>
            <movie-tab/>
            <show-tab/>
        </van-tabs>
    </div>
</template>

<script>
    import AroundTab from './around'
    import MovieTab from './movie.vue'
    import ShowTab from './show.vue'

    export default {
        components: {
            AroundTab,
            MovieTab,
            ShowTab
        },
        data() {
            return {
                active: 0
            }
        }
    }
</script>

<style lang="less" scoped>
    .type-box {
        display: block;
        position: relative;
        height: calc(100% - 50px);
        > .van-tabs {
            height: calc(100% - 46px);
        }
    }
</style>